<template>
<div> 
    学生姓名:{{stuName}}
        年龄:{{age}}
       ... {{stuAge}}
        <button @click="ageAdd">点我年龄+1</button>
        <button @click="show">点我弹窗</button>
</div>
</template>

<script>
import {mixin} from "@/mixin"

   export default {
        name:'Student',
       
        data(){
       
            return{
           stuAge:this.age
            }
        },
       //简单接收 props:['stuName','age'],
       //接收的同时对数据进行类型限制
      //  props:{
      //    stuName:String,
      //    age:Number
      //  },

      //数据类型，默认值，是否必要
       props:{
       stuName:{
        type:String,
        required:true  //是必要的
       },
       age:{
        type:Number,
       // default:99    //默认值
       }
       },
       mixins:[mixin],
        components: {},
        methods:{
        
       ageAdd(){
        this.stuAge++;
       }
        }
   }
</script>

<style scoped>

</style>